<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>vivo官网账号设置</title>
    <link rel="stylesheet" href="../css/bootstrap-3.3.5.min.css">
    <link rel="stylesheet" href="../css/setting.css">
</head>
<body>
<div class="wrapper ">
    <div class="wrap ">
        <div class="layout">
            <div class="content col-md-12">
                <div class="setting_logo "><img src="../img/vivo-logo.jpg" alt="vivoLog"><p>账号中心</p></div>
                <div class="noavatar_middle"><img src="../img/noavatar_middle.jpg.webp" alt="图片">
                    <span>*************</span>
                    <span class="noavatar_middle_right"><a href="">退出账号</a></span>
                </div>
                   <div class="right" > <div class="bias"></div><p id="di" class="di">安全等级一般</p></div>
                <div class="hr">
                    <hr></div>
                <div class="items_ctn">
                    <ul class="items_list">
                        <li class="safe_item" >
                            <div class="item_ctn"><img src="../img/safe.png" alt="图片"></div>
                            <div class="item_info">账户密码
                            <p>用户保护帐号信息和登录安全</p></div>
                            <div class="btn_ctn"><button id="btn1">修改</button></div>
                        </li>
                        <hr>
                        <li class="safe-item safe-phone-item">
                            <div class="item_ctn"><img src="../img/phone.png" alt="图片"></div>
                            <div class="item_info">安全手机  <span>*****</span>
                            <p>安全手机可用于登录vivo帐号，找回密码或其它安全验证</p></div>
                            <div class="btn_ctn"><button id="btn2">修改</button></div>
                        </li>
                        <hr>
                        <li class="safe-item safe-email-item">
                            <div class="item_ctn"><img src="../img/meil.png" alt="图片"></div>
                            <div class="item_info">安全邮箱 <span>*****</span>
                                <p>安全邮箱可用于登录vivo帐号，找回密码或其它安全验证 建议立即绑定</p></div>
                            <div class="btn_ctn"><button id="btn3">绑定</button></div>
                        </li>
                        <hr>
                        <li class="safe-item safe-question-item">
                            <div class="item_ctn"><img src="../img/question.png" alt="图片"></div>
                            <div class="item_info">密保问题 <span>*****</span>
                                <p>密保问题可用于登录vivo帐号，找回密码或其它安全验证</p></div>
                            <div class="btn_ctn"><button id="btn4">修改</button></div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="top">
            <a href="https://kefu.vivo.com.cn" id="link" target="_blank">
                <img src="../img/online-service.png" alt="信箱" id="img1">
                <img src="../img/online-service-active.png" alt="信箱" id="img2">在线客服
            </a>
            <span><img src="../img/tel.png" alt="电话" >400 678 9688（24小时全国服务热线)</span>
        </div>
        <div class="bottom">COPYRIGHT © 1996-2017  ALL RIGHTS RESERVED.粤ICP备05100288号</div>
    </div>
</div>
<script src="../js/setting.js"></script>
<script src="../js/bootstrap-3.3.5.min.js"></script>
<script src="../js/jquery-1.11.3.min.js"></script>
</body>
</html>